<template>
  <div class="loading">
    <img src="./loading.gif" width="24" height="24">
    <p class="text">{{text}}</p>
  </div>
</template>

<script>
  export default {
    props: {
      text: {type: String, default: '正在载入中...'}
    }
  };
</script>

<style lang="less">
  .loading {
    width: 100%;
    text-align: center;
    .text {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.5);
      line-height: 20px;
    }
  }
</style>
